//
//  HMVisitorLoginView.swift
//  01-SinaWeibo
//
//  Created by 周英培 on 16/5/21.
//  Copyright © 2016年 周英培. All rights reserved.
//

import UIKit
/*
 
 1.纯代码裁剪图片 image?.stretchableImageWithLeftCapWidth(width, topCapHeight: height), forState: .Normal)   关键字：stretchableImageWithLeftCapWidth
 2.用系统裁剪  要想保持裁剪后的高度 只水平裁剪
 3.用颜色取色计时，用sRGB  这种方法取得颜色准确
 3.设置UILable的最大宽度 l.preferredMaxLayoutWidth = 230 关键字：preferredMaxLayoutWidth
 5.切换界面的时候动画会被释放，指定为false之后切换界面动画就不会被释放
    basic.removedOnCompletion = false
 6.swift中使用代理
 7.OC和swift混编 互相调用
 8.OC调用swift时需要注意的
 9.swift调用OC时需要注意的
 10.swift下的单例对象的实现步骤
 */

//倒入第三方框架
import SnapKit

//1.声明协议 
//NSObjectProtocol 继承协议，可以使用weak关键字
protocol HMVisitorLoginViewDelegate : NSObjectProtocol {

//2.声明协议方法
    
    func userWillLogin()
    
    func userRegister()

}

class HMVisitorLoginView: UIView {
    
    //3.声明代理属性
    //代理对象必须使用弱引用，在swift中，默认的是使用强引用
   weak var visitorDelegate : HMVisitorLoginViewDelegate?
    
    //抽取方法，方便外界调用来设置各自界面的信息
    func updateUI(imageName:String,title:String,isHome:Bool = false) {
    
        if isHome {
            
            //是首页，添加动画
            addBasicAniduration()
            
        } else {
        
            //不是首页，大房子隐藏，然后图片在最上面
            largeHouse.hidden = true
            bringSubviewToFront(circleIcon)
        
        }
        circleIcon.image = UIImage(named: imageName)
        tipLabel.text = title
        
    }
    
    func addBasicAniduration() {
    
        let basic = CABasicAnimation(keyPath: "transform.rotation")
        
        //旋转角度
        basic.toValue = M_PI * 2
        
        //旋转时间
        basic.duration = 20
        
        //重复次数
        basic.repeatCount = MAXFLOAT
        
        //切换界面的时候动画会被释放，指定为false之后切换界面动画就不会被释放
        basic.removedOnCompletion = false
        
    circleIcon.layer.addAnimation(basic, forKey: nil)
    }

    //MARK:懒加载登录界面的转圈照片 大房子 文案 登录按钮 和注册按钮
    //转圈图片
    lazy var circleIcon : UIImageView = UIImageView(image: UIImage(named :"visitordiscover_feed_image_smallicon"))
    
    //大房子
    lazy var largeHouse : UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_house"))
    
    //文案
    lazy var tipLabel : UILabel = UILabel(title: "关注一些人,回到这里看看有什么惊喜", font: 14, textColor: UIColor.darkGrayColor())
        
        
        
//        {
//    
//        let l = UILabel()
//        
//        //设置文字
//        l.text = "关注一些人,回到这里看看有什么惊喜"
//        
//        //设置颜色 字体大小 和居中
//        l.textColor = UIColor.darkGrayColor()
//        l.font = UIFont .systemFontOfSize(14)
//        l.textAlignment = .Center
//        
//        //设置最大宽度
//        l.preferredMaxLayoutWidth = 230
//    
//        
//        //设置文字换行
//        l.numberOfLines = 0
//        //设置自适应大小
//        l .sizeToFit()
//        
//        return l
//      
//    }()
    
    //登录按钮
    lazy var loginBtn : UIButton = {
    
        let btn = UIButton()
        
        //设置按钮的文字 不同状态下的文字颜色 北京图片 文字大小
        btn.setTitle("登录", forState: .Normal)
        btn.setTitleColor(UIColor.darkGrayColor(), forState: .Normal)
        btn.titleLabel?.font = UIFont .systemFontOfSize(14)
//        btn.setBackgroundImage(UIImage(named:"common_button_white_disable"), forState: .Normal)
        
        //MARK:使用代码来裁剪图片
        let image = UIImage(named: "common_button_white_disable")
        let width = Int((image?.size.width)! * 0.5)
        let height = Int((image?.size.height)! * 0.5)
        btn.setBackgroundImage(image?.stretchableImageWithLeftCapWidth(width, topCapHeight: height), forState: .Normal)
        //设置按钮的宽度
        
        return btn
      
    }()
    
    //注册按钮
    lazy var registerBtn : UIButton = {
    
        let btn = UIButton()
        
        //设置按钮的文字 不同状态下的文字颜色 北京图片 文字大小
        btn.setTitle("注册", forState: .Normal)
        btn.setTitleColor(UIColor.orangeColor(), forState: .Normal)
        btn.titleLabel?.font = UIFont .systemFontOfSize(14)
//        btn.setBackgroundImage(UIImage(named:"common_button_white_disable"), forState: .Normal)
        
        let image = UIImage(named: "common_button_white_disable")
        let width = Int((image?.size.width)! * 0.5)
        let height = Int((image?.size.height)! * 0.5)
        btn.setBackgroundImage(image?.stretchableImageWithLeftCapWidth(width, topCapHeight: height), forState: .Normal)
        
        return btn
    
    }()
    
    //遮盖转圈图片的图片
    lazy var icon : UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_mask_smallicon"))
    
    //MARK:在init(frame: CGRect)进行创建添加控件
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        setUpUI()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    func setUpUI() {
        addSubview(circleIcon)
        addSubview(icon)        //遮盖图片放在转圈图片后面只会盖住转圈图片，不会盖住其他的东西
        addSubview(tipLabel)
        addSubview(largeHouse)
        addSubview(loginBtn)
        addSubview(registerBtn)
        //MARK:计算控件的frame
        //MARK:使用系统的自动布局设置约束计算frame
        
        // NSLayoutConstraint 自动布局的类型
        /*
         1.item    需要添加约束的对象
         2.attribute  需要添加的约束的属性
         3.relatedBy   参照的方式 一般使用 精准约束 Equal
         4.toItem       参照的视图  一般参照 父视图 或者 兄弟视图
         5.attribute    参照布局的属性
         6.multiplier   乘积系数 一般使用 1  但是不能够 使用 0
         7.constant     尺寸: 设置大小  坐标: 偏移  一般使用
         
         //约束 应该添加 到父视图
         如果使用手写添加 约束 需要手动关闭 frame 布局
         
         //写第三方框架的会用到
         
         
         公式: view1.attr1 = view2.attr2 * multiplier + constant
         */
        //给转圈的图片设置约束 约束一定要加在自己的父视图上面
        
        //手关闭 frame 布局
//        circleIcon.translatesAutoresizingMaskIntoConstraints = false
//        
//        //X
//        self.addConstraint(NSLayoutConstraint(item: circleIcon, attribute: .CenterX, relatedBy: .Equal, toItem: self, attribute: .CenterX, multiplier: 1, constant: 0))
//        
//        //Y
//        self.addConstraint(NSLayoutConstraint(item: circleIcon, attribute: .CenterY, relatedBy: .Equal, toItem: self, attribute: .CenterY, multiplier: 1, constant: 0))
        
        //MARK:使用VFL 布局方式 可视化的布局语言  ==> 字符串格式的布局方式
        
        //手关闭 frame 布局
//        tipLabel.translatesAutoresizingMaskIntoConstraints = false
//        
//        //垂直方向
//        self.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:[circle]-16-[tipLable]", options: [], metrics: nil, views: ["circle":circleIcon,"tipLable":tipLabel]))
//        //X 居中
//        self.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("|-[tipLable]-|", options: .AlignAllCenterX, metrics: nil, views: ["tipLable":tipLabel]))
        
        //MARK:使用第三方框架设置约束
        //转圈的图片
        circleIcon.snp_makeConstraints { (make) in
            //make:取消frame布局
            make.centerX.equalTo(self.snp_centerX)
            make.centerY.equalTo(self.snp_centerY).offset(-80)  //向上偏移80
        }
        
        //大房子的图片
        largeHouse.snp_makeConstraints { (make) in
//            make.centerX.equalTo(circleIcon.snp_centerX)
//            make.centerY.equalTo(circleIcon.snp_centerY)
            make.center.equalTo(circleIcon.snp_center)
            
        }
        
        //文案
        tipLabel.snp_makeConstraints { (make) in
            make.top.equalTo(circleIcon.snp_bottom).offset(16)
            make.centerX.equalTo(circleIcon.snp_centerX)
            
            //解决文字的跳动问题
            make.height.equalTo(40)
            
            
        }
        
        //登录按钮
        loginBtn.snp_makeConstraints { (make) in
            make.left.equalTo(tipLabel.snp_left)
            make.top.equalTo(tipLabel.snp_bottom).offset(16)
            
            //设置宽度
            make.width.equalTo(100)
        }
        
        //注册按钮
        registerBtn.snp_makeConstraints { (make) in
            make.right.equalTo(tipLabel.snp_right)
            make.top.equalTo(tipLabel.snp_bottom).offset(16)
            make.width.equalTo(100)
        }
        
        //遮盖转圈图片的图片
        icon.snp_makeConstraints { (make) in
            make.center.equalTo(circleIcon.snp_center)
        }
        
        tipLabel.preferredMaxLayoutWidth = 230
        //设置北京颜色
        backgroundColor = UIColor(red: 237.0 / 255.0, green: 237.0 / 255.0, blue: 237.0 / 255.0, alpha: 1)
        
        //MARK:给按钮添加点击事件
        loginBtn.addTarget(self, action: #selector(loginBtnClick), forControlEvents: .TouchUpInside)
        registerBtn.addTarget(self, action: #selector(registerBtnClick), forControlEvents: .TouchUpInside)
        
    }
    
    //登录按钮的点击事件
   @objc private func loginBtnClick() {
    
        //4.使用代理属性，调用代理方法
    //？ 判断对象是否为空
    visitorDelegate?.userWillLogin()
    
    }
    
    //注册按钮的点击事件
   @objc private func registerBtnClick() {
    
    visitorDelegate?.userRegister()
    
    }
    
    
    
    
    
    
    
    
    
    
    
    
}
